<template >
    <div>
        我是setup语法糖
    </div>
</template>
<script lang="ts" setup>
import {defineProps, withDefaults} from 'vue'
import request from '../utils/request.ts'

interface IProps {
    name:string
}
const props = withDefaults(defineProps<IProps>(),{name:'balbal'});
console.log('props',props)

// console.log('withdefau', withdefau);
request.get('/getdata?name=110&content=test').then(res => { console.log('res', res) })

// interface Props {
//   either: '必传且限定'|'其中一个'|'值', // 利用TS：限定父组件传 either 的值
//   child: string|number,
//   sda?: string, // 未设置默认值，为 undefined
//   strData: string,
//   msg?: string
//   labels?: string[],
//   obj?:{a:number}
// }
// const propstest = withDefaults(defineProps<Props>(), {
//   msg: 'hello',
//   labels: () => ['one', 'two'],
//   obj: () => { return {a:2} }
// })

// console.log('propstest',propstest)

</script>
<style>
    
</style>